/*图标字体*/
// @font-face {
//   font-family: 'icon';
//   font-weight: normal;
//   font-style: normal;
//   src: url('../fonts/icon.ttf') format('truetype');
// }

// @font-face {
//   font-family:'mui';font-weight: normal;font-style: normal;
//   src:url('../fonts/mui.ttf') format('truetype')
// }

*{padding:0;margin:0;-webkit-tap-highlight-color:rgba(0,0,0,0);letter-spacing:0;}

html,body{height:100%;width:100%;}

html{font-size:62.5%;}

body{-webkit-text-size-adjust:none;-webkit-user-select:none;}

body{background-attachment:fixed;font-size: 1.4rem;font-family:"Helvetica";}

i a span div p i ul li em table td input textarea {-webkit-touch-callout: none;}
a:focus,input:focus,textarea:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);
 -webkit-user-modify:read-write-plaintext-only; }

ul,li{list-style:none;margin:0;padding:0;}

a{text-decoration:none;color:#333;cursor:pointer;}

input,select,textarea{text-decoration:none;outline: none;}

i,em{font-style:normal;}

img{max-width: 100%;}

h1,h2,h3{font-size: 1.5rem;}

select{-webkit-appearance:none;border: none;font-size: 1.4rem;}

/*ico*/
.ico,.ico a,.ico i{font-family:icon;}
.mui,.mui a,.mui .i {font-family: mui;}

.hide{display: none;}

.bg(@value:#fff){
	background: @value;
}
.bs(@value:auto){
	background-size:@value;
}
.c(@value:#000){
	color:@value;
}
.o(@value:0.8){
	opacity:@value;
}

/*字体*/
.f(@value:1.5rem){
	font-size:@value;	
}
.fw(@value:100){
	font-weight:@value;	
}

.ff(@value:icon){
	font-family:@value;	
}

.ls(@value:1px){
	letter-spacing: @value;
}

.lh(@value:2rem;){
	line-height:@value;	
}

/*布局位置*/
.al{float:left;}
.ar{float:right;}
.cr{clear:both;}
.psr{position:relative;}
.psa{position:absolute;}
.psf{position:fixed;}
.tc{text-align:center;}
.tar{text-align:right;}

.ml(@value:1rem){
	margin-left:@value;
}
.mt(@value:1rem){
	margin-top:@value;
}

.mr(@value:1rem){
	margin-right:@value;
}
.mb(@value:1rem){
	margin-bottom:@value;
}

.mlr(@value:1rem){
	margin:0 @value;
}

.mtb(@value:1rem){
	margin:@value 0;
}


.m(@value:1rem){
	margin:@value;
}

.pt(@value:1rem){
	padding-top:@value;
}

.pb(@value:1rem){
	padding-bottom:@value;
}

.pl(@value:1rem){
	padding-left:@value;
}

.pr(@value:1rem){
	padding-right:@value;
}

.plr(@value:1rem){
	padding:0 @value;
}

.ptb(@value:1rem){
	padding:@value 0;
}

.p(@value:1rem){
	padding:@value;
}
.mc{margin: 0 auto;} 

.rnd(@value:0.5rem){
	border-radius: @value;
}

.box{display: box; display: -webkit-box;}
.flex(@value:1){
	-webkit-box-flex: @value; 
	box-flex: @value;
}

/*weidth height*/
.mh(@value:70rem){
	min-height: @value;
}
.mw(@value:20rem){
	min-width: @value;
}

.wp(@value:100%){
	width:@value;
}
.hp(@value:100%){
	height:@value;
}
.w(@value:10rem){
	width:@value;
}
.h(@value:10rem){
	height:@value;
}
.t(@value:0){
	top:@value;
}

.b(@value:0){
	bottom:@value;
}

.l(@value:0){
	left:@value;
}

.r(@value:0){
	right:@value;
}

/*border*/
.bb0{border-bottom:0;}
.br0{border-right:0;}
.bt0{border-top:0;}
.bl0{border-left:0;}

.nob{border:0;}
.bb(@value:1px solid #e5e5e5){
	border-bottom:@value;
}
.br(@value:1px solid #e5e5e5){
	border-right:@value;
}
.bl(@value:1px solid #e5e5e5){
	border-left:@value;
}

.bt(@value:1px solid #e5e5e5){
	border-top:@value;
}
.bw(@value:0 0 0 0){
	border-width: @value;
}
.bd(@value:1px solid #e5e5e5){
	border: @value;
}


/*display*/
.block{display:block;}
.inline{display:inline;}
.iblock{display:inline-block;}
.of{overflow:auto;}
.ofx{overflow-x:auto;}
.ofy{overflow-y:auto;}
.nof{overflow:hidden;}
.nofx{overflow-x:hidden;}
.nofy{overflow-y:hidden;}

.zi(@value:auto;){
	z-index: @value;
}

//动画
.trs(@value:0.5s ease-in-out){
	-webkit-transition:all @value;
}
.trf(@value:translate3d(0,35rem,0)){
	-webkit-transform:@value;
}
/*****    const  *******/

/*背景*/
.bfa{
	.bg(#f2f5f5);
}
.bff{
	.bg(#fff);
}

/*颜色*/
.blue{
	.c(#09f);
}

.orange{
	.c(#f15353);
}

.m10{
	.m(1rem);
}

.mt10{
	.mt(1rem);
}
.mt20{
	.mt(2rem);
}

.plr10{
	.plr(1rem);
}
.rnd5{
	.rnd(0.5rem);
}

.hp100{
	.h(100%);
}
